<template>
  <div class="space-y-1 flex flex-col">
    <router-link to="/pc/manage/recent">
      <n-button block>
        <TextIcon class="hidden sm:block" tip="最近文件" icon="material-symbols:tab-recent-outline" text="最近文件"
                  :size="15"></TextIcon>
        <TextIcon class="block sm:hidden" tip="最近文件" icon="material-symbols:tab-recent-outline"
                  :size="15"></TextIcon>
      </n-button>
    </router-link>
    <n-divider></n-divider>
    <router-link to="/pc/manage/post">
      <n-button block>
        <TextIcon class="hidden sm:block" tip="文章列表" icon="ri:article-line" text="文章列表" :size="15"></TextIcon>
        <TextIcon class="block sm:hidden" tip="文章列表" icon="ri:article-line" :size="15"></TextIcon>
      </n-button>
    </router-link>
    <router-link to="/pc/manage/category">
      <n-button block>
        <TextIcon class="hidden sm:block" tip="分类列表" icon="iconamoon:category" text="分类列表"
                  :size="15"></TextIcon>
        <TextIcon class="block sm:hidden" tip="分类列表" icon="iconamoon:category" :size="15"></TextIcon>
      </n-button>
    </router-link>
    <router-link to="/pc/manage/tag">
      <n-button block>
        <TextIcon class="hidden sm:block" tip="标签列表" icon="solar:tag-bold-duotone" text="标签列表"
                  :size="15"></TextIcon>
        <TextIcon class="block sm:hidden" tip="标签列表" icon="solar:tag-bold-duotone" :size="15"></TextIcon>
      </n-button>
    </router-link>
    <n-divider></n-divider>
    <router-link to="/pc/manage/user">
      <n-button block>
        <TextIcon class="hidden sm:block" tip="用户列表" icon="ri:contacts-line" text="用户列表" :size="15"></TextIcon>
        <TextIcon class="block sm:hidden" tip="用户列表" icon="ri:contacts-line" :size="15"></TextIcon>
      </n-button>
    </router-link>
  </div>
</template>

<script setup lang="ts">

import TextIcon from "@/components/pc/icon/TextIcon.vue";
</script>

<style scoped>
.n-divider:not(.n-divider--vertica) {
  margin: 20px 0;
}
</style>